<template>
	<view class="main">
    <view class="exam">
      <image src="../../static/img/200x300.png" mode="scaleToFill"></image>
      <view>
        <view class="exam-name">{{exam.name}}</view>
        <view>分类: {{exam.type}}</view>
        <view>作者: {{exam.creater}}</view>
        <view>题数: {{exam.num}}</view>
      </view>
    </view>
    <view class="aline"></view>
    <view class="exam-desc">{{exam.desc}}</view>
    <view class="operate">
      <button type="default" @click="goLearn">开始做题</button>
    </view>
	</view>
</template>

<script>
import {exam} from "../../common/data.js"
export default {
  data() {
    return {
      exam: exam
    }
  },
  methods: {
    goLearn(){
      uni.navigateTo({
        url:'/pages/chooes/chooes?colid=' + this.exam.id
      })
    }
  }
}
</script>

<style>
.exam {
  width: auto;
  display: flex;
  padding: 25rpx 20rpx;
}
.exam>image{
  width: 200rpx;
  height: 300rpx;
  margin-right: 20rpx;
}
.exam>view{
  flex: 1;
  font-size: 26rpx;
  line-height: 50rpx;
}
.exam-name {
  line-height: 45rpx;
  font-size: 35rpx;
  font-weight: 600;
  margin-top: 20rpx;
  margin-bottom: 30rpx;
}
.exam-desc{
  margin: 10px 20rpx;
  font-size: 30rpx;
}
.operate{
  position: fixed;
  bottom: 10rpx;
  right: 20rpx;
}
</style>
